<!-- 通用组件：步骤条 -->
<template>
    <div :id="id">
        <el-steps :space="200" :active="1" finish-status="success">
            <el-step title="已完成"></el-step>
            <el-step title="进行中"></el-step>
            <el-step title="步骤 3"></el-step>
        </el-steps>
    </div>
</template>

<script>
    import register from '@/js/main/register.js';

    export default {
        props: {
            element: {
                type: Object
            },
            id: {
                type: String
            }
        },
        data() {
            return {
                active: 0
            }
        },
        created() {
            register.addComponent(this);
        },
        destroyed() {
            register.removeComponent(this);
        }
    }
</script>